.tempBox{
    width:750px;
    border-top:0px solid red;
   padding-top:30px;
    margin:0 auto;
    .box-one{
        placeholder{
            color:#fff;
        }
        position: relative;
        .upLogo{
            position: absolute;
            left:60px;
            top:-20px;
            cursor: pointer;
            width:200px;
            opacity: 0;
            z-index:10;
        }
        .head-logo{
            position: relative;
            z-index:10;
            margin-left:70px;
            margin-top:70px;
            img{
              height:44px;
               width:160px;
            }
        }
        .head-bg{
            position: absolute;
            top:307px;
            z-index:0;
        }
        .title{
            margin-top:30px;
            position: relative;
            z-index:1;
            text-align: left;
            width:500px;
            margin-left:80px;
            color: #605446;
            letter-spacing: 1.79px;
            font-size: 50px;
            height:80px;
        }
        .title1{
            height:112px;
            @extend .title;
            font-size: 34px;
            width:600px;

        }
        .text1{
            display:block;
            text-align: center;
            line-height: 40px;
            color:#fff;
            font-size: 28px;
            background-color: #7D7367;
            opacity: 0.7;
            left:75px;
            position: relative;
            z-index:1;
            height:430px;
            width:600px;
        }
    }
    .box-2{
        background: rgba(255,255,255,0.4);
        border-radius: 4px;
        width:690px;
        height:834px;
        margin:0 auto;
        padding:30px;
        text-align: center;
        box-sizing: border-box;
     .inner-box{
         text-align: center;
         position: relative;
         img{
             width:100%;
             height:343px;
         }
         padding:27px 6px 27px 6px;
         width:100%;
         background: #FFFFFF;
         border-radius: 4px;
         .upPic1{
             opacity: 0;
             position: absolute;
             height:343px;

             top:30px;
         }
         .box2-title{
             font-size: 40px;
             color: #605446;
             text-align: left;
             margin-top:50px;
         }
         .box2-text{

             width:100%;
             font-size: 28px;
             color: #605446;
             margin-top:10px;
             height:260px;
         }

     }


    }
    .box-3{
        background: rgba(255,255,255,0.4);
        border-radius: 4px;
        width:690px;
        margin:0 auto;
        padding:30px 30px 0 30px;
        text-align: center;
        box-sizing: border-box;
        .box3-title{
            font-size: 40px;
            color: #605446;
            text-align: left;
        }
        .box3-text{
            width:594px;
            font-size: 28px;
            color: #605446;
            margin-top:10px;

            height:126px;
        }
        .pic2-box{
            justify-content: space-between;
            display: flex;
            align-items: flex-end;
            .pic2{
                left:-30px;
                width:444px;
                height:343px;
                position: relative;
                margin-top:40px;
                padding:9px 9px 9px 0px;
                background: #fff;
                img{
                    width:100%;
                    height:100%;
                }
                .upPic2{
                    opacity: 0;
                    position: absolute;
                    width:100%;
                    height:100%;
                    top:0px;
                }
            }
            .pic2-title{
                width:180px;
                height: 40px;
                input{
                    color: #605446;
                    text-align: left;
                    font-size:28px;
                    height:100%;
                    width:100%;
                }
            }
        }
        .pic3-box{
            justify-content: space-between;
            display: flex;
            align-items: flex-end;
            .pic2{
                left:30px;
                width:444px;
                height:343px;
                position: relative;
                margin-top:40px;
                padding:9px 0px 9px 9px;
                background: #fff;
                img{
                    width:100%;
                    height:100%;
                }
                .upPic2{
                    opacity: 0;
                    position: absolute;
                    width:100%;
                    height:100%;
                    top:0px;
                }
            }
            .pic2-title{
                position: relative;
                left:-30px;
                width:180px;
                height: 40px;
                input{
                    color: #605446;
                    text-align: left;
                    font-size:28px;
                    height:100%;
                    width:100%;
                }
            }
        }
        .box3-title2{
            font-size: 40px;
            text-align: left;
         margin-top: 125px;
        }
        .box3-text2{

            margin-top:20px;
            left:-60px;
            position: relative;
            width:720px;
            height:286px;
            background: rgba(0,0,0,0.3);

            box-sizing: border-box;
            padding-top:20px;

            textarea{
                color:#fff;
                lineheight:40px;
                font-size: 28px;
                width:618px;
                height:240px;
            }
        }
        .pic5-box{
            position: relative;
            top:-20px;
            width:623px;
            height:486px;
            img{
                width:100%;
                height:100%;
            }
            input{
                position: absolute;
                top:0;
                opacity: 0;
                width:100%;
                height:100%;
            }
        }
        .pic6-box{
            width:100%;
            top:-30px;
            text-align: right;
            position: relative;
            img{
                width:423px;
                height:480px;
            }
            input{
                display:inline-block;
                width:423px;
                height:480px;
                top:0;
                left:210px;
                position:absolute;
                opacity: 0;
            }
        }
    }
    .box-4{
        .bg-2{
            width:200px;
            position: absolute;
            top:-196px;
            left:-30px;
        }
        background: rgba(255,255,255,0.4);
        border-radius: 4px;
        width:690px;
        position: relative;
        height:1200px;
        margin:0 auto;
        padding:80px 30px 0 30px;
        text-align: center;
        box-sizing: border-box;
        .box4-title{
           display: flex;
            justify-content: center;
        .line1{
            margin-right:5px;
            transform: rotate(40deg);
           position: relative;
            top:-40px;
            height:100px;
            width:0px;
            border:1px solid #605446;
        }
        .line2{
            margin-left:10px;
            transform: rotate(40deg);
            position: relative;
            top:60px;
            height:100px;
            width:0px;
            border:1px solid #605446;
        }
            .box4-text{

                width:123px;
                text-align: center;
                height:123px;
               background-size: cover;
                textarea{
                    margin-top:18px;
                    font-size:28px;
                    width:60px;
                    line-height: 30px;
                    height:80px;
                }
            }

    }
        .box4-text{
            width:594px;
            font-size: 28px;
            color: #605446;
            height:130px;
        }
    }
    .box-5{
        margin-top: 100px;
        width:100%;
        .box5-one{
            display: flex;
            justify-content: space-between;
            box-sizing: border-box;
            width:100%;
            .box5-pic{
                position: relative;
                width:426px;
                height:455px;
                img{
                    width:100%;
                    height:100%;
                }
                input{
                    width:100%;
                    height:100%;
                    opacity: 0;
                    position: absolute;
                    top:0;
                    left:0;
                }
            }
            .box5-text{
                box-sizing: border-box;
                padding:30px;
                width:318px;
                height:455px;
                background:rgba(0,0,0,0.3);
            }

            textarea{
                width:100%;
                height:100%;
                color:#fff;
                font-size: 28px;
                line-height: 40px;
            }
        }
        .box5-2{
            width:100%;
            padding:10px 10px 0px 10px;
            box-sizing: border-box;
            position: relative;
            img{
                height:100%;
            width:100%;
            }
            input{
                top:0;
                width:100%;
                height:100%;
                left:0;
                opacity: 0;
                position: absolute;
            }
        }
    }
}
textarea{
    resize:none;
    text-align: justify;
    letter-spacing: 0;
    background:none;
    border:0;
}

input{
    font-size:40px;
    display:block;
    text-align:center;
    width:100%;
    background:none;
    border:0;
    color: #737373;

}
.upload{
    position: fixed;
    top:50%;
    left: 50%;
    width:100px;
    height:50px;
    color:#fff;
    background:rgba(0,0,0,0.5);
    z-index:19;
    text-align:center;
    line-height:50px;
}
